<template>
  <div class="title">
       <slot>
            
       </slot>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.title{
    padding: 0.26666rem 0;
    width: 100%;
    text-align: center;
    font-size: 0.426666;
}
.title span{
    position:relative;

}
.title span::after{
    content:"";
    display: block;
    position: absolute;
    right: -0.5rem;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d4c0a7
}

.title span::before{
    content:"";
    display: block;
    position: absolute;
    left: -0.5rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d4c0a7;
    top: 50%;
    margin-top: -4px;
}
</style>